<!DOCTYPE html>
<html>
<head>
<title>Social Eyes</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<link rel="stylesheet" media="screen" type="text/css" href="css/styles.css" />
<!-- Page styles -->
<link type='text/css' href='js/simple_modal/css/demo.css' rel='stylesheet' media='screen' />

<!-- Contact Form CSS files -->
<link type='text/css' href='js/simple_modal/css/basic.css' rel='stylesheet' media='screen' />

<!-- JS files are loaded at the bottom of the page -->
<script>
function dosubmit(){
        document.forms["frm"].submit();
        window.close();
}
</script>

</head>

<body id="socialeyesbody">
<br>
<div class="container">

<div class="loginBlock">

   <div class="logo"></div>
   <a href="#" class="fb"></a>
   <a href="<?=$url?>" class="tw"></a>   
   <a href="" class="mysp"></a>
   <a href="#" class="gp"></a>

</div>

<div class="socialArea">
<!-- Krishna Capture Content to post -->
<form name="frm" enctype="multipart/form-data"  method="POST" style="float: left; padding: 5px; width: 677px;">
<!-- <a href="#" class="fbPhImg">Add Photo</a> -->

<textarea class="txtArea" name="msg" ></textarea>
<div style="float: left; clear: left; margin-left: 10px;">
  <p class="" style="float: left; clear: left; clear: both;font-weight: bold;">Please choose a photo:</p><br />
  <input name="source" type="file" value="">
</div>
<input type=hidden name="user_id" value="<?=$user_id?>">
<input  class="fbBtnstyle" type="submit" value="Post To Your Social Networks" name="submit" value="submit"/>
</form>
</div><!-- end feed -->
<div class="feed">
<h2 style="float: left; clear: left;"> Social Media Posts</h2>
	<div style="display: inline-block; height: auto; width: 650px;">
	  <a href="#" class="fbMini">Facebook</a>   
	  <a href="<?=$url?>" class="twMini">Twitter</a>      
	  <a href="" class="myspMini">MySpace</a>   
	  <a href="#" class="gpMini">Google+</a>
	</div>

	<!-- Krishna Capture Content to post -->
	<? include('facebook.html'); ?>
	<? //include('twitter.html'); ?>
	<? //include('myspace.html'); ?>
	<? //include('googleplus.html'); ?>

</div>

</div> <!-- end container -->
<script type="text/javascript">

var boxHeight = $("#socialeyesbody").height();
     var obj = new Object;
     obj.height = boxHeight+50;
     FB.Canvas.setSize(obj);
</script>
</body>

</html>
